import React, { Component } from 'react'
import { Text, View, Image, TextInput, StyleSheet } from 'react-native'

export default class Header extends Component {
    render() {
        return (
            <View style={styles.head}>
                <Image style={styles.img} source={require('../img/1.jpg')}></Image>
                <Text style={styles.text}>北城之音</Text>
                <TextInput style={styles.input}></TextInput>
                <Image style={styles.img} source={require('../img/1.jpg')}></Image>
            </View>
        )
    }
}
const styles = StyleSheet.create({
    head: { height: 30, flexDirection: 'row', justifyContent: 'space-between' },
    img: { width: 30, height: 30, borderRadius: 15 },
    text: { width: 80, height: 30, textAlign: 'center', fontSize: 18 },
    input: { width: 180, height: 30,  borderRadius: 15, backgroundColor: 'gray'}
})